import React from 'react'
import { connect } from 'react-redux'
import { Link } from 'react-router'

import Menu from '../common/Menu'
import Footer from '../common/Footer'

import LayoutComponent from '../LayoutComponent'

class Dashboard extends LayoutComponent {
	constructor(props){
		super(props)
	}

	render() {
		return (
			<div>

				<Menu parent="/" active="/"/>

				<div className="content-wrapper">

					<section className="content-header">

						<h1>
							Dashboard
							<small>
								Control panel
							</small>

						</h1>

						<ol className="breadcrumb">

							<li>
								<Link to="/">
									<i className="fa fa-dashboard">
									</i> Home
								</Link>
							</li>

							<li className="active">Dashboard</li>

						</ol>

					</section>


					<section className="content">


					</section>

				</div>

				<Footer/>

			</div>
		)
	}
}

//使用connect创建component，把dispatch和state传进ui component
export default connect(
	(state)=>({
	}),
	(dispatch)=>({
	})
)(Dashboard)
